$(function(){
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        slidesPerView: 3,
        paginationClickable: true,
        spaceBetween: 30,
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        loop: true,
        autoplay : 5000
    });

    $('.jjfa-item').hover(function(){
        $(this).addClass('active')
    },function(){
        $(this).removeClass('active')
    })

    $('.fl .bar-item').click(function(){
        var index = $(this).index()
        $(this).addClass('active').siblings().removeClass('active')
        $('.fl .item').eq(index).addClass('active').siblings().removeClass('active')
    })

    $('.we .item').hover(function(){
        $(this).addClass('active').siblings().removeClass('active')
    })
})